<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./css/index.css">
</head>

<body>
    <!-- 购物车 -->
    <div class="header">购物车</div>
    <!-- 去逛逛 -->
    <div class="banner">
        <img src="./imgs/empty.png" alt="">
        <p>您的购物车是空的, 快去逛逛吧</p>
        <button>去逛逛</button>
    </div>


    <!-- 底部 -->
    <div class="fooder">
        <ul>
            <li data-index="0">
                <p data-index="0" class="iconfont icon-shouye1"></p>
                <i data-index="0">首页</i>
            </li>

            <li data-index="1">
                <p data-index="1" class="iconfont icon-fenlei"></p>
                <i data-index="1">分类</i>
            </li>

            <li data-index="2" class="three">
                <p data-index="2" class="iconfont icon-24gl-cartFull3"></p>
                <i data-index="2">购物车</i>
            </li>

            <li data-index="3">
                <p data-index="3" class="iconfont icon-wode"></p>
                <i data-index="3">我的</i>
            </li>
        </ul>
    </div>
    <!-- ---------------------js------------------- -->
    <script>
        document.querySelector('.fooder ul').addEventListener('click', function (e) {
            if (e.target.tagName == 'LI' || e.target.tagName == 'I' || e.target.tagName == 'P') {
                if (e.target.dataset.index == '0') {
                    location.href = "../智慧商城（首页）/智慧商城.html"
                }
                if (e.target.dataset.index == '1') {
                    location.href = "../智慧商城分类板块/智慧商城分类板块.html"
                }
                if (e.target.dataset.index == '3') {
                    location.href = "../个人中心/个人中心.html"
                }
            }
        })






    </script>

</body>

</html>